div
{
    width: 100px;
    height: 100px;
    background: #37ff3c;
    transition: width 3s, transform 2s;

    transition-duration: 3s; /*定义过渡效果花费的时间。默认是 0。	3*/
    transition-timing-function: ease;	/*规定过渡效果的时间曲线。默认是 "ease"。	3*/
    transition-delay: 2s;	/*规定过渡效果何时开始。默认是 0。*/

}

div:hover
{
    width: 300px;
    transform: rotate(180deg); /*翻转属性*/
}